/*@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Alegreya Sans Light'), local('AlegreyaSans-Light'), url(http://themes.googleusercontent.com/static/fonts/alegreyasans/v1/11EDm-lum6tskJMBbdy9aaWGgEO1vGR9ucXjKCo8vxU.woff) format('woff');
}*/

@font-face {
    font-family: 'CenturyGothic';
    src: url('../font/CenturyGothic.eot?') format('eot'),
    url('../font/CenturyGothic.woff') format('woff'),
    url('../font/CenturyGothic.ttf')  format('truetype'),
    url('../font/CenturyGothic.svg#CenturyGothic') format('svg');
}

html{width:100%;height:100%; overflow-x:hidden;}
html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-size: 14px; /* 10pt */
	letter-spacing: 1px;
	line-height: 20px; /* 15pt */
	color: #371815;
	font-family: 'CenturyGothic';
}

.bgstretcher-area {
    width: 100%;
    margin: 0 auto;
}

h1 {
    font-size: 25px;
    line-height: 0.9em;
    color: #381815;
}

h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    /*padding-left: 7px;*/
    color: #B15B57;
}

ul {
    margin: 0;
    padding: 0;
    position: relative;
}

span.cDefault { color: #381815 }


/* =Responsiveness: Desktop
================================================== */

#container {
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    position: relative;
}
/*
 * Header
 */
#header{
    padding-top: 50px;
    width:100%;
    min-height:250px;
    position: relative;
   /* z-index: 1;*/
}
    .wrapHeader {
        margin: 0 auto;
        max-width: 990px;
        position: relative;
        width: 96%;
    }
    .bg-logo {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
        border-bottom: 10px solid #b9442f;
        height: 85px;
        position: absolute;
        top: -15px;
        right: 810px;
        width: 1000%;
        z-index: -1;
    }
    .logo {
        background: url("../images/logo.png") top left no-repeat;
        margin-left: 10px;
        height: 60px;
        width: 160px;
    }

/*
 * Body
 */
#body {
    width: 100%;
    /*min-width: 990px;*/
    height: 525px;
    position: absolute;
    bottom: 0;
}
    .wrapBody {
        margin: 0 auto 80px;
        max-width: 990px;
        width: 96%;
    }
    .mainTitle {
        background: url("../images/ic_bg_main.png") left center no-repeat;
        opacity: 0.9;
        height: 110px;

        border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;

    }
        .bar {
            border-bottom: 2px solid #FFF;
        }
        .bar2 {
            border-top: 1px solid #ccc;
        }

        .mainTitle h1 {
            color: #381815;
            letter-spacing: 31px;
            line-height: 1em;
            padding: 35px 20px 10px 200px;
            text-align: justify;
        }
        .hightlight { color: #B9442F}


    .content {
        margin: 0 auto;
        position: relative;
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
        border-top: 1px solid #ccc;
        min-height: 315px;
    }
    .home .mainMenu {
        min-height: 284px;
    }
    .home .mainText {
        padding-top: 20px;
    }
    .contentBox { position: relative; min-height: 240px; }
    .mainPage, .mainDetail {
        min-height: 210px;
        padding: 20px 20px 10px;
        position: absolute;
        /*width: 770px;*/
        width: 95%;
    }
        .mainDetail {
            display: none;
            background: #DDD;
        }
        
        .detailLeft {
            float: left;
            padding-left: 30px;
            /*margin-right: 180px;*/
        }
        .detailRight {
            float: right;
            /*max-width: 320px;*/
            margin-top: 10px;
        }
    .next {
        background: url("../images/next-arrow.png") center center no-repeat #B9442F;
        width: 30px;
        height: 100px;
        position: absolute;
        right: 0;
        top: 10px;
        cursor: pointer;

        border-radius: 10px 0 0 10px;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
    }
    .back {
        background: url("../images/back-arrow.png") center center no-repeat #B9442F;
        width: 30px;
        height: 100px;
        position: absolute;
        left: 0;
        top: 10px;
        cursor: pointer;

        border-radius: 0 10px 10px 0;
        -moz-border-radius: 0 10px 10px 0;
        -webkit-border-radius: 0 10px 10px 0;
    }

        .home .mainText img {
            border: 10px solid #fff;
            box-shadow: 2px 2px 7px 2px #888888;
            margin: 0 25px 15px -70px;
        }

        .room .mainText img {
            height: 140px;
            border: 10px solid #fff;
            box-shadow: 2px 2px 7px 2px #888888;
            margin: 0 25px 20px -70px;
        }

        .room .next, .room .back { top:50px; }

        .detailRight .bookingBox {
            margin-right: 9px;
            margin-top: -61px;
        }

        .btn_booking {
            background: url("../images/bg-booknow.png") no-repeat scroll center center rgba(0, 0, 0, 0);
            padding: 10px 1px;
            margin: 5px -41px 0 0;
        }

        .btn_booking span{
            color: #FFF;
            font-weight: bold;
            margin: 0 0 0 21px;
            padding: 11px 22px;
            cursor: pointer;
        }
		
		.btn_booking_click {
            position: absolute;
            /*bottom: 0px;*/
            right: 0px;
           /* background: none repeat scroll 0 0 #b9442f;*/
            border: medium none;
            margin: 0px -11px 0 0;
            cursor: pointer;
        }
		
        p.price {margin: 0;}

        .booking {
            /*color: #FFF;*/
            font-size: 13px;
            display: none;
        }
        .booking .detailLeft {
            width: 44%;
            padding-left: 0;
        }
        .booking .detailCenter {
            float: left;
            width: 27%;
            margin-left: 20px;
        }
        .booking .detailRight {
            float: left;
            width: 23%;
            margin-top: 0;
            margin-left: 20px;
        }

        .booking .detailBottom {
            width: 100%;
            height: 40px;
            position: relative;
        }
        .booking .pickUp {
            position: absolute;
            bottom: 0;
            left: 0;
            background: none repeat scroll 0 0 #999;
            margin: 5px 0 -10px -20px;
            padding: 8px;
            width: 77%;
            color: #FFF;
        }
        .btn_confirm {
            position: absolute;
            bottom: -10px;
            right: 0;
            background: none repeat scroll 0 0 #b9442f;
            border: medium none;
            color: #fff;
            font-size: 20px;
            margin: 0px -20px 0 0;
            padding: 7px 10px;
            width: 25%;
            cursor: pointer;
        }

        .booking p { margin: 5px 0 0;}
        .booking img {
            height: auto !important;
            border: none !important;
            box-shadow: none !important;
            margin: 0 !important;
        }
        .booking .message {
            background: none repeat scroll 0 0 #fff;
            border: 5px solid #b9442f;
            line-height: 1.7em;
            margin: 20px;
            padding: 20px 50px;
            font-size: 14px;
        }
        .input-text { width: 100%; border: 1px solid #ccc; padding: 3px; }

        .name_info, .email_info, .check_info { display: none; }


        .page { background: #FFF;}
        .page .plink {
			background:url("../images/page/facility/bg-link.png") no-repeat scroll center center rgba(0, 0, 0, 0);
			float: left;
			font-size: 12px;
			height: 120px;
			margin: 2px;
			text-align: center;
			width: 99px;
			padding: 0px 9px;
        }

            .plink img { padding: 18px 0px 0px 5px;}
        .plink p {
            line-height: 1.1em;
            margin: 0 5px 5px 10px;
            text-align: center;
            width: 100px;
        }
		
		.para {
            line-height: 1.1em;
            margin: 0 5px 5px 10px;
            text-align: center;
            width: 100px;
        }
		
		.plink a {		
			height:90%;	
			line-height: 16px;
			margin: 0px 0px;
			text-align: center;
			text-decoration: none;
			color: #371815;
			word-wrap: break-word !important;
			display: block;
        }
		
        /* room icon */
        .box-equip {
            background: url("../../public/images/room/bg-equip.png") no-repeat scroll left center rgba(0, 0, 0, 0);
            height: 60px;
            width: 214px;
            float: left;
        }

            .equip-image {
                float: left;
                margin-top: 3px;
                padding: 5px 5px 5px 10px;
                text-align: center;
                width: 57px;
            }
            .equip-title {
                float: left ;
            }
            .box-equip > p {
                width: 120px;
                font-size: 11.5px;
                margin: 0;
                padding: 15px 7px;
                vertical-align: middle;
                line-height: 1.2;
            }
            .box-equip.nbg.pl50.pt10.fright {
                height: 40px;
            }


    .mainMenu {
        display: none;
        background: #371815;
        border-top: 1px solid #ccc;
        min-height: 284px;
        padding: 10px 10px 10px 20px;
        position: relative;
    }
	
	.mainMenu ul a {
		text-decoration:none;	
	}
	
	.mainMenu ul a:hover li{
		 border: 1px solid #ba4530;	
		 color:#ba4530;
		 background: url(../images/icon-s-logo.png) no-repeat 310px;
	}
        
        .mainMenu li {
            border: 1px solid #fff;
            list-style: none outside none;
            margin: 10px 8px;
            padding: 6px 0;
            text-align: center;
            width: 358px;
            color: #fff;
            font-size: 13px;
            text-decoration: none;
        }
        .btn_book {
            background: none repeat scroll 0 0 white;
            border: 3px solid #ba4530 !important;
            padding: 15px 0 !important;
          margin-top:10px !important;
		  width:355px !important;
            
        }
        .mainMenu .btn_book {
            color: #ba4530;
            font-size: 25px;
            font-weight: bold;
            letter-spacing: 10px;
            padding: 35px 35px 43px;
        }

/*
 * Footer
 */
#footer {

    background: #381815;
    width: 100%;
    height: 80px;
    position: fixed;
    bottom: 0px;

}
    .wrapFooter {
		border-top:1px solid #ffffff;
        background: #ba4530;
        width: 100%;
        height: 45px;
        background: rgba(185,68,47,1);
        background: -moz-linear-gradient(top, rgba(185,68,47,1) 0%, rgba(185,68,47,0.89) 88%, rgba(0,0,0,0.88) 89%, rgba(55,24,21,0.87) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(185,68,47,1)), color-stop(88%, rgba(185,68,47,0.89)), color-stop(89%, rgba(0,0,0,0.88)), color-stop(100%, rgba(55,24,21,0.87)));
        background: -webkit-linear-gradient(top, rgba(185,68,47,1) 0%, rgba(185,68,47,0.89) 88%, rgba(0,0,0,0.88) 89%, rgba(55,24,21,0.87) 100%);
        background: -o-linear-gradient(top, rgba(185,68,47,1) 0%, rgba(185,68,47,0.89) 88%, rgba(0,0,0,0.88) 89%, rgba(55,24,21,0.87) 100%);
        background: -ms-linear-gradient(top, rgba(185,68,47,1) 0%, rgba(185,68,47,0.89) 88%, rgba(0,0,0,0.88) 89%, rgba(55,24,21,0.87) 100%);
        background: linear-gradient(to bottom, rgba(185,68,47,1) 0%, rgba(185,68,47,0.89) 88%, rgba(0,0,0,0.88) 89%, rgba(55,24,21,0.87) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9442f', endColorstr='#371815', GradientType=0 );
    }

        .footerContent {
            margin: 0 auto;
            width: 96%;
            max-width: 990px;
            height: 45px;
            text-align: right;
            position: relative;
        }

        .footerMenu {
            float: left;
        }
            .footerMenu ul { padding: 0; margin: 10px;}
            .footerMenu ul li { list-style: none; padding-right: 20px; display: inline; }
            .footerMenu ul li a { color: #FFF; text-decoration: none; }

        .social {
			position: absolute;
			right: 210px;
			top: -7px;
		}

        .social li {
            background: url("../images/bg-social.png") no-repeat scroll center center rgba(0, 0, 0, 0);
            float: left;
            list-style: none outside none;
            margin: 0 5px 0 0;
            padding: 20px 3px;
        }
        .social a { text-decoration: none; }

        .icon-google {
            background: url("../images/icon-google-01.png") no-repeat scroll center center rgba(0, 0, 0, 0);
            padding: 15px;
        }
        .icon-facebook {
            background: url("../images/icon-fb-01.png") no-repeat scroll center center rgba(0, 0, 0, 0);
            padding: 15px;
        }
		.icon-tripadvisor{
            background: url("../images/ta-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0);
            padding: 15px 13px;
        }


/* =Responsiveness: Tablet (Portrait) IPAD
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    /*
     * Header
     */
    .bg-logo {
        right: 560px
    }

    /*
     * Body
     */
    .mainTitle h1 {
        letter-spacing: 11px;
        /*color: blue;*/  /* =================================================================Color */
    }
    .mainText img {
        margin-bottom: 210px;
    }
    .home .mainText { padding: 20px; }
    .mainPage, .mainDetail { width: 583px; }

    .mainMenu li { width: 46%; }
    .mainMenu .btn_book { letter-spacing: 0; }

    .detailLeft {
        width: 67%;
        line-height: 18px;
    }
    .detailLeft .pl50 { padding-left: 0; }

    .booking .detailLeft {
        width: 42%;
    }

    .booking .pickUp {
        width: 77%;
        padding: 8px 0 0 8px;
        font-size: 12px;
    }

    .equip-image { display: none;}
    .box-equip {
        background: none;
        height: auto;
        width: 187px;
        float: left;
        list-style: circle;
    }

    .box-equip > p { padding: 10px 7px; font-size: 12px;}

    .box-equip.nbg.pl20.pt10.fright {
        position: absolute;
        right: -220px;
    }
    .btn_booking {
        position: relative;
        top: 170px
    }

}

/* =Responsiveness: Mobile (Portrait) iPhone
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

    /* Header */
    #header {
        padding-top: 40px;
        min-height: 160px;
    }
        .bg-logo {
            top: -15px;
            left: -20px;
            width: 200px;
        }

    /* Body */
    #body {
        position: relative;
    }
        .wrapBody { margin: 0 auto; }
        .bodyContent.ml180 { margin-left: 0;}

        .mainTitle {
            background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
            height: 80px;
        }
            .mainTitle h1 {
                letter-spacing : 5px;
                padding: 20px;

                /*color: yellow;*/  /* =================================================================Color */
            }
        .mainText img {
            margin: 0 20px 20px 0 !important;
        }
        .mainText .pr30 { padding-right: 0;}

        .mainMenu ul { margin-right: 20px; margin-left: 0; }
        .mainMenu li { width: 100%; }
        .mainMenu .no_border.h27 { display: none; }
        .mainMenu .btn_book {
            position: inherit;
            letter-spacing: normal;
        }

        .home .mainText { padding: 20px; }

        .contentBox { min-height: 470px; }
        .mainPage, .mainDetail {
            width: 268px;
            min-height: 440px;
        }

        .mainDetail .detailLeft {
            width: 310px !important;
        }
        .booking .detailCenter, .booking .detailRight {
            width: 34%;
        }
        .booking .detailRight { height: 60px; }
        .booking .detailBottom { font-size: 12px; }


    .detailRight p.line2{
        left: 70px;
        position: relative;
        top: -38px;
    }

        .detailLeft .pl50 { padding-left: 0; }


        .equip-image { display: none;}
        .box-equip {
            background: none;
            height: auto;
            width: 160px;
            float: left;
            list-style: circle;
        }

        .box-equip > p { padding: 10px 7px; font-size: 12px;}

        .box-equip.nbg.pl20.pt10.fright {
            position: absolute;
            right: -180px;
            top: 60px;
        }
        .btn_booking {
            position: relative;
            top: 200px
        }


    /* Footer */
    #footer {
        position: relative;
    }
        .footerMenu { display: none; }
}

/* =Responsiveness: Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /*
     * Header
     */


    /*
     * Body
     */

    .mainTitle h1 { letter-spacing: 25px;}
    .mainText .pr30 { padding-right: 15px; }
    .mainText img { margin: 0 15px 10px 0; }

    .contentBox { min-height: 270px; }

    .mainPage, .mainDetail {
        width: 506px;
        min-height: 240px;
    }
    .mainDetail .detailLeft { width: 320px;}

    .mainTitle h1 {
        /*color: red;*/  /* =================================================================Color */
     }

    /*
     * Footer
     */
    .footerMenu { display: none; }
}

/* ========================================================================================== */
/* ========================================================================================== */
/* ========================================================================================== */

.m10 { margin: 10px;}

.mr0 { margin-right: 0;}
.mr10 { margin-right: 10px;}

.ml180 { margin-left: 180px; }
.mr180 { margin-right: 180px; }

.mt7 { margin-top: 7px !important; }

.pl10 { padding-left: 10px;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}
.pl50 { padding-left: 50px;}
.pr10 { padding-right: 10px;}
.pr30 { padding-right: 30px;}
.pb10 { padding-bottom: 10px;}

.pt10 { padding-top: 10px;}

.h0 { height: 0;}
.h27 { height: 27px;}

.w15p { width: 15%; }
.w30p { width: 30%; }
.w32p { width: 32%; }
.w33p { width: 33%; }
.w35p { width: 35%; }
.w47p { width: 47%; }
.w48p { width: 48%; }
.w49p { width: 49%; }
.w50p { width: 50%; }
.w64p { width: 64%; }
.w65p { width: 65%; }
.w100p { width: 100%; }

.h50 { height: 50px; }
.h70 { height: 70px; }
.h120 { height: 120px; }

.f10 {
    font-size: 10px;
}

dl {
    /*height: 25px;*/
    margin: 10px;
}
dt {
    float: left;
    width: 30%;
}
dd {
    float: left;
    width: 65%;
    margin-left: 15px;
}

.no_border { border: 0 !important; }
.clear { clear: both;}
.error { border: 1px solid #B9442F; }

.nbg { background: none;}

.relative { position: relative;}

/* PS Phirum*/
.space-contact{
	padding-bottom:10px;
}
.mail{
	text-decoration:none;
	color:#cb8374;
}
.facility-detail {
	display: none;
	/*background: #DDD;*/
}

/* PS 8*/
.plink-left{
	width:80%;
	float:left;	
	margin:-10px 0px 0px 20px;
	color:#000;
	font-size:13px;
}
.facility-top {
	float: left;
	padding-left: 30px;}
.facility-top img {
	margin:15px 0px 15px 0px;
}
.facility_top_click {
	border: medium none;
	right: 0px;
}
.divide-row{
	margin-top:40px;
}